<template>
<div>
    <div
    @click="getKeyboardValue"
    :data-value="value">
    {{value}}
    </div>
</div>
    
</template>
<script>
import { mapMutations } from 'vuex'
    export default{
        data(){
            return {}
        },
        props:['value'],
        methods:{
            getKeyboardValue(ev){
                console.log(ev,55);
                let value = ev.target.dataset.value;

                this.$store.commit('getData',value)
            },
            // ...mapMutations({
            //     getKeyboardValue
            // })
        }
    }
</script>